/*base*/
.container .position p,
.page a:hover{border-color: #ff9600;}
.container .position p span,
.foot-button em,
.foot-button i,
.foot-button a:hover span,
.foot-button a.active span,
.page a:hover{color: #ff9600;}
.online_box > div{background: #ff9600;}
a:hover{color:#e52222;}
.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #ff9600;}

/*public*/
.headbox .logo strong{color: #333;}
.headbox .r-btn span{background-color: #ff9600;}
.headbox .tel p{color: #ff9600;}
.navbox{background: #333;}
.navbox ul li > dl{background:#ff7f00;}
.navbox ul li > dl dd > div{border-color:#ffb01f;}
.navbox ul li.active > a{background: #white;}
.navbox ul li > dl dd:hover > a{background-color:#ffb01f;}
.navbox ul li > dl dd > div a:hover{color:#ff9600;}
#bannerppt{height:500px;}
.homebanner #bannerppt{height:720px;}
.footbox{background:#2d2d2d;color: #999;}
.footbox a{color: #aaa;}
.footbox a:hover{color: #ffb01f;}
.foot-nav,.foot-txt{border-color: #454545;}
.foot-text{background: #191919;color: #999;}
.foot-text a{color: #ccc;}
.foot-text a:hover{color: #ffb01f;}

@media only screen and (max-width:1310px){
#bannerppt{height:0;padding-bottom:36%;}
.homebanner #bannerppt{height:0;padding-bottom:50%;}
}
@media only screen and (max-width:1024px){
.headbox .r-btn span{background-color: #ffb01f;}
.navbox ul li.active > a{color: #white;}
.navbox ul li dl dd:hover > a{color: #ffb01f;}
.foot-nav .con p a:hover{color: #ffb01f;}
}

/*home*/
.swiper-button-next.next:hover,
.swiper-button-prev.prev:hover{background-image: url(../images/btn2.png);}
.productbox .protit p{width: 16.66%;}
.productbox .protit p:hover a{background: #ffb01f;}
.productbox ul li:hover a{border-color: #ffb01f;color: #ff9600;}
.casebox ul li:hover a{color: #ff9600;}
.companybox .titl p{color: #333;}
.companybox .txt .text{font-size: 14px;}
.companybox .txt .more a:hover{background: #ff9600;}
.videobox ul li:hover h3{color: #ff9600;}
.newsbox .newslist ul li:hover{background: #ff9600;}
.orderbox ul .li_4 p{background:#ff9600;}
.orderbox ul .li_4 p:hover{background:#ffb01f;}
.contactbox .titl em{color: #e6212a;}
.linkbox .tit span{color: #ff9600;}
.linkbox .tit em{color: #e52222;}

@media only screen and (max-width:1024px){
.productbox .protit p{width: 33.33%;}
}
@media only screen and (max-width:425px){
.productbox .protit p a{padding: 10px 5px;}
}

/*inside*/
.leftmain .left-titl{color: #ff9600;}
.leftmain .left-cont li > h2 a{background: #333;}
.leftmain .left-cont li > dl{background: #ff7f00;}
.leftmain .left-cont li > dl dt.active a{background: #ffb01f;}
.leftmain .left-cont li.active > h2 a{background: #ffb01f;}
.pro_list_con ul li:hover a{border-color: #ffb01f;}
.pro_list_con ul li:hover h3{background: #ff9600;}
.proshowpage .txtbox .tit,
.contactpage .txtbox .tit{color: #ff9600;}
.proshowpage .txtbox .tit em,
.contactpage .txtbox .tit em{background-color: #ff9600;}
.orderpage .rightmain .cont ul li.li_3 input:hover{background:#ff9600;}
.newslistpage .rightmain ul li:hover{background:#ff9600;}
.faqpage .problem-keywords ul li:hover a{color: #ff9600;}
.faqpage .problem-list .titl,
.downpage .downlist .titl{border-color: #ffb01f;color: #ff9600;}
.faqpage .problem-list .titl span,
.downpage .downlist .titl span{color: #ff9600;}
.prohomepage .promain .title{background: #333;}
.prohomepage .promain:hover .title{background: #ff9600;}
.proshowpage .rightmain > div .title p.active span{color: #ff9600;}
.proshowpage .picinfo .smallpic ul li.on{border-color: #ff9600;}
.proshowpage .picinfo .right .titl{color: #ff9600;}
.proshowpage .picinfo .right .claname{border-color: #ffc574;background-color:#fff9f0;}
.proshowpage .picinfo .right .claname:hover a{color: #ff9600;}